﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>使用类别选择器</title>
<!--以下为定义的CSS样式-->
<style> 
   .one{           
	    font-family:宋体; 		
		font-size:24px; 
	    color:red; 		
	  }
	  .two{
	    font-family:宋体;
		font-size:16px;
	    color:red; 
	  }
	  .three{
	    font-family:宋体;
		font-size:12px;
	    color:red; 
	  }
</style>
</head>
<body>
   <h2 class="one">			<!--定义样式后页面会自动加载样式-->
   	 应用了选择器one
   </h2>
   <p>
   	  正文内容1	  
   </p>
    <h2 class="two">
   	 应用了选择器two
   </h2>
   <p>
   	  正文内容2
   </p>
    <h2 class="three">
   	 应用了选择器three
   </h2>
   <p>
   	  正文内容3
   </p>
</body>
</html>
